﻿<!DOCTYPE html>
<html>
<head>
  <style>div { margin:3px; width:50px; position:absolute;
        height:50px; left:10px; top:30px; 
        background-color:yellow; }
  div.red { background-color:red; }  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <button>Start</button>  <div></div>
<script>    $("button").click(function () {
        $("div").animate({ left: '+=200px' }, 2000);
        $("div").animate({ top: '0px' }, 600);
        $("div").queue(function () {
            $(this).toggleClass("red");
            $.dequeue(this);
        });
        $("div").animate({ left: '10px', top: '30px' }, 700);
    });</script>

</body>
</html>